html {
  overflow-y: scroll;
  overflow-x: scroll;
  font-size: 22pt;
  font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif; }

body {
  padding: 0px;
  margin: 0px;
  background-color: #fff; }

.container {
  max-width: 1500px;
  min-width: 1000px;
  padding: 0px;
  margin: 0px auto;
  width: 100%;
  background-color: #ffd;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap; }

header {
  width: 100%;
  height: 300px;
  margin: 0px;
  padding: 0px;
  min-height: 250px;
  border: 0px;
  background-image: url(../../images/bgimg_r.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative; }
  header > div {
    padding: 20px 100px; }
    header > div > p {
      margin: 0px;
      text-indent: 50px;
      word-break: break-all;
      word-wrap: break-word; }
  header > p {
    margin: 0px;
    position: absolute;
    right: 120px;
    bottom: 30px; }
  header > h1 {
    font-size: 56pt;
    text-indent: 0px; }

nav {
  width: 100%;
  background: #ff8;
  position: relative; }
  nav > a {
    text-decoration: none;
    padding: 0 20px;
    font-weight: bold;
    display: none; }
    nav > a:link, nav > a:visited {
      color: #333; }
    nav > a:hover, nav > a:active {
      font-size: 28pt;
      color: #ff9900; }
    @media (max-width: 1299px) {
      nav > a {
        display: block;
        margin: 20px 10px;
        text-align: left; } }
  nav > ul {
    margin: 0px;
    padding: 10px;
    display: inline-block; }
    @media (max-width: 1299px) {
      nav > ul {
        padding-left: 10px;
        display: none; }
        nav > ul.open {
          display: block;
          position: left; } }
    nav > ul > li {
      text-align: center;
      display: inline-block; }
      @media (max-width: 1299px) {
        nav > ul > li {
          text-align: left;
          display: block; } }
      nav > ul > li > a {
        text-decoration: none;
        padding: 0 20px;
        font-weight: bold; }
        nav > ul > li > a:link, nav > ul > li > a:visited {
          color: #333; }
        nav > ul > li > a:hover, nav > ul > li > a:active {
          font-size: 28pt;
          color: #ff9900; }

@media (min-width: 1300px) {
  .ul2 {
    position: absolute;
    right: 10px; } }

h1 {
  margin: 0px;
  text-align: center;
  line-height: 150px; }

.main {
  min-height: 1500px;
  box-sizing: border-box;
  background-color: #ffd;
  display: block;
  width: 70%;
  margin: 0px;
  border-right: 5px solid #ff8;
  position: relative; }
  @media (max-width: 1299px) {
    .main {
      width: 80%; } }

.productlist {
  height: 900px; }

.product {
  margin: 10px auto;
  width: 48%;
  text-align: center;
  display: inline-block; }
  @media (max-width: 1299px) {
    .product {
      display: block;
      width: 80%; } }
  .product > h2 {
    line-height: 30px; }
  .product > img {
    max-width: 90%;
    height: 200px; }
  .product > h6 {
    margin: 0px;
    font-size: 22pt; }
  .product > div > p {
    text-align: left;
    text-indent: 50px; }
  .product > p {
    margin: 0px; }
  .product > a {
    text-decoration: none;
    padding: 0 20px;
    font-weight: bold;
    padding: 0px; }
    .product > a:link, .product > a:visited {
      color: #333; }
    .product > a:hover, .product > a:active {
      font-size: 28pt;
      color: #ff9900; }

.postedmessage {
  height: 1200px; }
  .postedmessage > div {
    min-height: 250px;
    border: 0px;
    background-image: url(../../images/bgimg_r.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative; }
    .postedmessage > div > div {
      padding: 20px 100px; }
      .postedmessage > div > div > p {
        margin: 0px;
        text-indent: 50px;
        word-break: break-all;
        word-wrap: break-word; }
    .postedmessage > div > p {
      margin: 0px;
      position: absolute;
      right: 120px;
      bottom: 30px; }
  .postedmessage > p {
    width: 88%;
    margin: 0px;
    display: inline-block; }
  .postedmessage > a {
    text-decoration: none;
    padding: 0 20px;
    font-weight: bold;
    padding: 0px;
    display: inline-block; }
    .postedmessage > a:link, .postedmessage > a:visited {
      color: #333; }
    .postedmessage > a:hover, .postedmessage > a:active {
      font-size: 28pt;
      color: #ff9900; }

.postedarticle {
  height: 1200px; }
  .postedarticle > div {
    min-height: 250px;
    border: 0px;
    background-image: url(../../images/bgimg_r.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    max-height: 500px; }
    .postedarticle > div > div {
      padding: 20px 100px; }
      .postedarticle > div > div > p {
        margin: 0px;
        text-indent: 50px;
        word-break: break-all;
        word-wrap: break-word; }
    .postedarticle > div > p {
      margin: 0px;
      position: absolute;
      right: 120px;
      bottom: 30px; }
    .postedarticle > div > h3 {
      padding: 20px 0  0 80px;
      margin: 0px; }
    .postedarticle > div > div > p {
      overflow: hidden;
      display: none; }
      .postedarticle > div > div > p.show {
        height: 80px;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden; }
  .postedarticle > p {
    width: 67%;
    margin: 0px;
    display: inline-block; }
    @media (max-width: 1299px) {
      .postedarticle > p {
        width: 55%; } }
  .postedarticle > a {
    text-decoration: none;
    padding: 0 20px;
    font-weight: bold;
    padding: 0px;
    display: inline-block; }
    .postedarticle > a:link, .postedarticle > a:visited {
      color: #333; }
    .postedarticle > a:hover, .postedarticle > a:active {
      font-size: 28pt;
      color: #ff9900; }

.showarticle {
  min-height: 600px;
  border: 0px;
  background-image: url(../../images/bgimg_l.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  height: 1250px;
  position: relative; }
  .showarticle > div {
    padding: 20px 100px; }
    .showarticle > div > p {
      margin: 0px;
      text-indent: 50px;
      word-break: break-all;
      word-wrap: break-word; }
  .showarticle > h1 {
    padding: 80px 0 0 0; }
  .showarticle > p {
    margin: 0px 100px;
    text-align: right; }
  .showarticle > a {
    text-decoration: none;
    padding: 0 20px;
    font-weight: bold;
    position: absolute;
    bottom: 60px;
    right: 100px; }
    .showarticle > a:link, .showarticle > a:visited {
      color: #333; }
    .showarticle > a:hover, .showarticle > a:active {
      font-size: 28pt;
      color: #ff9900; }
  .showarticle > div {
    height: 62%;
    width: 86%;
    overflow-y: scroll; }

.postedchatmes {
  height: 1300px;
  width: 110%;
  text-align: center;
  overflow: auto;
  position: relative; }
  .postedchatmes > div {
    width: 70%; }
    .postedchatmes > div > div {
      width: 80%;
      border-radius: 25px;
      border: 10px double silver;
      text-align: left;
      text-indent: 50px;
      word-break: break-all;
      word-wrap: break-word; }

.pagearr {
  width: 100%;
  text-align: center; }
  .pagearr > a {
    text-decoration: none;
    padding: 0 20px;
    font-weight: bold; }
    .pagearr > a:link, .pagearr > a:visited {
      color: #333; }
    .pagearr > a:hover, .pagearr > a:active {
      font-size: 28pt;
      color: #ff9900; }

form > input {
  width: 98%;
  padding: 0px;
  border: 8px solid silver;
  display: block;
  height: 40pt;
  font-size: 36pt; }

form > textarea {
  width: 98%;
  padding: 0px;
  border: 8px solid silver;
  display: block;
  height: 40pt;
  height: 100pt;
  font-size: 28pt;
  background-color: transparent; }

form > img {
  height: 200px; }

form > button {
  font-size: 28pt;
  display: inline-block;
  position: absolute;
  right: 1%; }

.radio {
  width: 40%;
  height: 22pt;
  display: inline-block; }

.sideline {
  min-height: 1500px;
  box-sizing: border-box;
  background-color: #ffd;
  display: block;
  width: 30%;
  position: relative; }
  @media (max-width: 1299px) {
    .sideline {
      width: 20%; } }

.links {
  margin: 100px auto;
  text-align: center; }
  .links > h1 {
    font-size: 36pt; }
    @media (max-width: 1299px) {
      .links > h1 {
        font-size: 28pt; } }
  .links > img {
    width: 200px;
    height: 200px; }
    @media (max-width: 1299px) {
      .links > img {
        width: 100px;
        height: 100px; } }

.verif {
  width: 60px;
  display: inline-block; }

.reg_box {
  margin: 100px auto;
  padding: 0px;
  width: 400px;
  background-color: #ffd;
  position: relative; }

footer {
  width: 100%;
  border-top: 5px solid #ff8;
  background-color: #ff8; }
  footer > p {
    margin: 3px;
    font-size: 14pt;
    color: #aaa;
    text-align: center; }
